body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    font-family: "Montserrat", sans-serif;
    color: white;
    background-color: rgb(20, 20, 20);
    box-sizing: border-box;
}

* {
    -webkit-tap-highlight-color: transparent; /* Entfernt den blauen Tap-Effekt auf mobilen Geräten */
}

html::-webkit-scrollbar {
  width: 12px;
}

html::-webkit-scrollbar-track {
  background: linear-gradient(180deg, #3a3a3a, #3a3a3a); /* Gradient für die Scrollspur */
  border-radius: 10px; /* Abgerundete Ecken */
}

html::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #2C2C2C, #181818); /* Farbverlauf für die Scrollbar */
  border-radius: 10px; /* Abgerundete Ecken der Scrollbar */
  border: 2px solid #202020; /* Rand für bessere Trennung */
  transition: 0.3s ease; /* Sanfter Übergang */
}

html::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #2C2C2C, #181818); /* Hover-Farbverlauf */
}

  /* -------------------------- Datenschutz Styling ------------------------------- */
.datenschutz-container {
    width: 50%;
    margin: 0 auto;
    padding: 10px 20px;
    background-color: #1c1c1c;
    color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    margin-top: 50px;
}

.datenschutz-container h2 {
    font-size: 2.5em;
    color: #e84c43;
    margin-bottom: 20px;
}

.datenschutz-container p,
.datenschutz-container ul {
    font-size: 1.1em;
    line-height: 1.8;
    color: #ddd;
    margin-bottom: 20px;
}

.datenschutz-container ul {
    padding-left: 20px;
}

.datenschutz-container h3 {
    font-size: 1.8em;
    color: #e84c43;
    margin-top: 30px;
    margin-bottom: 15px;
}

@media (max-width: 768px) {

  html, body{
    overflow-x: hidden;
  }
}

@media (max-width: 480px) {
 
  body{
    max-width: 430px;
    overflow-x: hidden;
  }
  .datenschutz-container{
    width: 100%;
    box-sizing: border-box;
  }
  .datenschutz-container h2{
    width: 100%;
    padding: 0;
  }
}